

.expandable-path {
    display: inline-flex;
    vertical-align: middle;

    .link {
        cursor: pointer;
    }

    .path-list {
        display: inline-flex;
        list-style-type: none;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;

        .path-item {
            display: inline-flex;
            align-items: center;

            &.show-label {
                svg[icon="FileFolder"] {
                    display: none !important;
                }

                .path-text{
                    display: inline;
                }
            }

            &.show-folder {
                .svg-icon.folder {
                    display: inline;
                }

                .path-text {
                    display: none;
                }
            }

            svg {
                fill: rgba(0, 0, 0, 0.5);

                .favorites-card-stack & {
                    fill: #ffffff;
                }
            }

            .BasicHeader & svg {
                fill: rgba(255, 255, 255, 0.5);
            }
        }

        /* always hide the last slash */
        .path-item:last-child {
            .separator {
                display: none;
            }
        }

        /* on hover, show all labels */
        &:hover {
            svg[icon="FileFolder"] {
                display: none !important;
            }

            .path-text{
                display: inline !important;
            }
        }
    }

    .svg-icon.folder {
        fill: #ccc;
    }

    &.dark-theme .svg-icon.folder {
        fill: #fff;
        opacity: 0.5;
    }
}
